Liquid Glass-Design System 圖示的設計系統（理念）

Creative Vision and Material Effects 設計理念與創意基礎

Liquid Glass 材質引入

受 visionOS 分層圖示啟發，最終將這些元素融合成了一種專為應用圖示設計的“液態玻璃”材質。

這種材質結合了邊緣高光、磨砂質感和半透明效果等元素，不僅增加了圖示的深度感，還讓圖示看起來像是從內部發光一樣。

這種材質在 iOS 主螢幕上表現得更加“真實有物”。它會根據陀螺儀輸入動態反應，圖示邊緣的光線會隨著裝置的傾斜而移動，彷彿在反射你周圍的環境。

Appearance Modes 外觀模式更新

單色玻璃材質分為淺色版和深色版兩種選擇，並新增了兩種不同的色調模式：一種是“深色色調”，它為圖示前景新增顏色；另一種是“淺色色調”，將顏色直接注入到玻璃材質中本身。

這種帶色調的玻璃材質搭配帶色調的鎖屏介面時，也會呈現出非常驚豔的視覺效果。

圖示外觀適用於 iPhone、iPad、Mac 和 Apple Watch，還會出現在 App Store。

Design system 設計系統架構

以前圖示需要根據不同裝置分別設計。

現在採用統一設計系統，讓方形和圓形圖示在各個平臺上都能輕鬆適配。

Rounded rectangle shape 圓角矩形圖示

1 新的設計網格結構更簡潔均勻，採用更圓潤的圓角半徑，使圖示視覺效果更協調。

2 在1024畫素畫布上為圓形圖示預留了更多空間，讓不同比例下的設計都能保持視覺平衡。

MacOS 圖示適配方式

舊版 macOS 圖示中的次要元素（如通訊錄的分隔標籤）會超出主圖形邊界。我們現在用畫布形狀作為遮罩，讓分隔標籤融入整體，更有效地利用空間。

對於本身就接近圓角矩形形狀的現有 Mac 圖示，它們會自動被遮罩或擴充套件以適配新模板，並無縫應用新的材質外觀，無需開發者做額外操作。

這個圖示的形狀非常獨特。系統會自動移除其中的陰影效果，並將圖示縮放到圓角矩形畫布中。但為了最佳效果，建議像 Photo Booth 一樣重新設計圖示，以獲得更統一的外觀。

Apple Watch 圖示適配方式

watchOS 的圓形網格經過調整，與圓角矩形圖示設計保持一致。1088 畫素畫布略大於矩形畫布，便於跨平臺轉換設計。圓形圖示與其他產品保持視覺統一，即使在 Apple Watch 這樣的小螢幕裝置上也能呈現一致的體驗。